<template>
  <view class="_wrapper">
    <view class="_list-item">
      <view class="_top">
        <view class="tag"></view>
      </view>
      <view class="content">
        <view class="title"></view>
        <view class="desc"></view>
        <view class="desc"></view>
        <view class="desc"></view>
        <view class="desc time"></view>
        <view class="_footer">
          <view class="btn"></view>
          <view class="btn"></view>
        </view>
      </view>
    </view>
    <view class="_list-item">
      <view class="_top">
        <view class="tag"></view>
      </view>
      <view class="content">
        <view class="title"></view>
        <view class="desc"></view>
        <view class="desc"></view>
        <view class="desc"></view>
        <view class="desc time"></view>
        <view class="_footer">
          <view class="btn"></view>
          <view class="btn"></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
</script>
<style scoped lang="scss">
._list-item {
  border-radius: 23upx;
  background: #FFF;
  overflow: hidden;
  margin-bottom: 24upx;
  ._top {
    display: flex;
    justify-content: flex-end;
    .tag {
      border-radius: 0px 23upx;
      width: 120upx;
      height: 42upx;
      background-color: #f5f5f5;
    }
  }
  .content {
    width: 690upx;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30upx 30upx 30upx;
    .title {
      width: 400upx;
      height: 56upx;
      background-color: #f5f5f5;
      border-radius: 10upx;
    }
    .desc {
      width: 500upx;
      height: 34upx;
      background-color: #f5f5f5;
      margin-top: 10upx;
      border-radius: 10upx;
      &.time {
        margin-top: 30upx;
      }
    }
    ._footer {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0 30upx;
      margin-top: 30upx;
      .btn {
        width: 180upx;
        height: 60upx;
        box-sizing: border-box;
        border-radius: 100upx;
        background-color: #f5f5f5;
        margin-left: 20upx;
      }
    }
  }
}
</style>